<script setup>

import { onMounted } from 'vue';
import ButtonIcon from './buttonIcon.vue';
onMounted(() => {
})
</script>
<template>
  <div>
    <ButtonIcon class="buttonIconStle" icon="/image/图层.svg" selectedIcon="/image/选中图层.svg" name="图层管理"></ButtonIcon>
    <ButtonIcon class="buttonIconStle" icon="/image/飞行浏览.svg" selectedIcon="/image/选中飞行浏览.svg" name="飞行浏览"></ButtonIcon>
    <ButtonIcon class="buttonIconStle" icon="/image/图层.svg" selectedIcon="/image/选中图层.svg" name="2D"></ButtonIcon>
    <ButtonIcon class="buttonIconStle" icon="/image/归位.svg" selectedIcon="/image/选中归位.svg" name="归位"></ButtonIcon>
    <ButtonIcon class="buttonIconStle" icon="/image/全屏.svg" selectedIcon="/image/选中全屏.svg" name="全屏"></ButtonIcon>
    <ButtonIcon class="buttonIconStle" icon="/image/测距.svg" selectedIcon="/image/选中测距.svg" name="测距"></ButtonIcon>
    <ButtonIcon class="buttonIconStle" icon="/image/定位.svg" selectedIcon="/image/选中定位.svg" name="定位"></ButtonIcon>
    <ButtonIcon class="buttonIconStle" icon="/image/标绘.svg" selectedIcon="/image/选中标绘.svg" name="标绘"></ButtonIcon>
    <ButtonIcon class="buttonIconStle" icon="/image/导出.svg" selectedIcon="/image/选中导出.svg" name="导出"></ButtonIcon>
  </div>
</template>

<style lang="less">
  .buttonIconStle {
    display: block;
    margin: 15px;
  }

</style>
